<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>教师登录</title>
    <style>
        body{
            marrgin:0;
            padding:0;
            overflow-x: hidden;
            overflow-y: hidden;

        }
        .bg{
            background: url("partbg.png") 100% 100%;
            background-position: center;
            margin-left: auto;
            margin-right:auto;
            overflow:hidden ;
        }
        .login-box{
            width:360px;
            height:340px;
            position: absolute;
            top: 50%;margin-top: -170px;
            left: 50%;margin-left:80px;
            background-color: #fff;
            border-radius:20px;
        }
        .login-title{font-weight:bold;font-size:20px;position: relative}
        .login-title:after{content: '';position: absolute;height: 3px;width:30px;background: #028bff;bottom: -8px;left: 2px;border-radius: 30px}
        .login-wrap{position: relative;padding:60px 40px;}
        .input-wrap{border:1px solid #ffff;border-radius: 5px;background: #f7f7f7;height: 35px;line-height: 35px;padding: 0px 7px}
        .input-wrap:focus{border: none}
        .input-box{height:50px}
        .input-box span{display: inline-block;width:80px;text-align: right;padding-right:5px;color:#333}
        .tright{text-align: right}
        .button-normal{border-radius: 20px;padding:7px 23px;color: #fff;background-color: #409eff;border:1px solid #409eff;}
        .button-normal.reset{background: #999;border:1px solid #999}
        a.color-blue{color: #4292fb;text-decoration-line: none}
        a.color-blue:hover{color: #1379fe;text-decoration-line:underline}
        .bold{font-weight: bold}
        .login-content{padding-top: 5px}
    </style>
</head>
<body class="bg">
<div class="login-box">
    <form method="post" class="login-wrap" action="/TeacherLoginServlet">
        <div class="login-title">教师登录</div>
        <div class="login-content">&nbsp;
            <div class="input-box"><span>教师号：</span><input type="text" name="teacherID" class="input-wrap"></div>
            <div class="input-box"><span>密&nbsp;&nbsp;码：</span><input type="password" name="teacherPassword" class="input-wrap"></div>
        </div>
        <div class="input-box tright">
            <input type="submit" value="登录" class="button-normal">
            <input type="reset" value="重置"  class="button-normal reset">
        </div>
    </form>
</div>
</body>
</html>
